<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>#{bundle}</title>
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" /> 
    </h:head>
    <h:body>
        <ui:composition>
            
            <h:form>

                <p:toolbar>
                    <p:toolbarGroup align="left">
                        <p:commandButton value="#{bundle.btnOpen}" oncomplete="dlgCustapp.show()" rendered="#{menuBean.cekButtonAccess(2,'APP;')}"
                                         image="ui-icon-disk" actionListener="#{custApprovalBean.openData()}"
                                         update=":#{utilityBean.findClientId('displayCustApvls')}" > 
                        </p:commandButton>
                       
                        <p:commandButton value="Refresh" icon="ui-icon-search" 
                                         update=":#{utilityBean.findClientId('dtCustApvls')}" 
                                         actionListener="#{custApprovalBean.loadData()}" >
                        </p:commandButton>
                        
                    </p:toolbarGroup>
                </p:toolbar>
                <h:panelGrid cellpadding="3" />
                <p:dataTable id="dtCustApvls" var="cuscor" value="#{custApprovalBean.customers}"
                             resizableColumns="true" rowIndexVar="noUrut"
                             selection="#{custApprovalBean.selectedData}" selectionMode="single" rowKey="#{cuscor.customerId}"
                             paginator="true" rows="10" paginatorPosition="bottom" rowsPerPageTemplate="10,30,100"
                             paginatorTemplate="{CurrentPageReport} {PreviousPageLink} {NextPageLink} {RowsPerPageDropdown}" >
                 <p:column style="width: 10px" >
                    <f:facet name="header">No.</f:facet>
                    <h:outputText value="#{noUrut+1}" />
                 </p:column>
                    <p:column style="width: 100px" sortBy="#{cuscor.cif}">
                        <f:facet name="header">#{bundle.cif}</f:facet>
                        <h:outputText value="#{cuscor.cif}" />
                    </p:column>
                    <p:column style="width: 200px" sortBy="#{cuscor.customerName}">
                        <f:facet name="header">#{bundle.globalName}</f:facet>
                        <h:outputText value="#{cuscor.customerName}" />
                    </p:column>
                    <p:column style="width: 150px" sortBy="#{cuscor.aliasName}">
                        <f:facet name="header">#{bundle.aliasName}</f:facet>
                        <h:outputText value="#{cuscor.aliasName}" />
                    </p:column>
                    <p:column style="width: 300px" sortBy="#{cuscor.idAddressLine1}">
                        <f:facet name="header">#{bundle.adress}</f:facet>
                        <h:outputText value="#{cuscor.idAddressLine1}" />
                    </p:column>
                </p:dataTable>        
            </h:form>
                        
            <p:dialog header="Otorisasi #{approvalBean.approval.appName}" widgetVar="dlgCustapp" closable="true" dynamic="true" style="top: -200px;left: -280px;" appendToBody="true" modal="true">
                    <p:ajax immediate="true" event="close" listener="#{custApprovalBean.handleClose}"/>
                    <h:form>
                    <h:panelGrid id="displayCustApvls" columns="2" styleClass="addELIT" >
                        <p:tabView activeIndex="0" rendered="#{custApprovalBean.selectedData!=null}">
                            
                            <p:tab title="#{bundle.globalInfo}" >
                                <h:panelGrid columns="3" cellpadding="0" cellspacing="5">
                                    <h:outputText value= "#{bundle.cif}"/><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectedData.cif}" />
                                    
                                    <h:outputText value= "#{bundle.custype}"/><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.avblJenis, custApprovalBean.selectedData.custypeId)}" />
                                    
                                    <h:outputLabel value= "#{bundle.idcard}"/><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(customerBean.availableIdCard, custApprovalBean.selectedData.idcardId)} (#{custApprovalBean.selectedData.idcardNo})" />
                                    
                                    <h:outputLabel value= "#{bundle.globalName}"/><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectedData.customerName}"  />

                                    <h:outputLabel value= "#{bundle.aliasName}"/><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectedData.aliasName}" />

                                    <h:outputLabel value= "#{bundle.phone}"/><h:outputLabel value= ":" />
                                    <h:panelGrid columns="2" cellpadding="0" cellspacing="0" width="100%">
                                        <h:outputText value="#{custApprovalBean.selectedData.phone}" />
                                    </h:panelGrid>

                                    <h:outputLabel value= "#{bundle.email}"/><h:outputLabel value= ":" />
                                    <h:panelGrid columns="3" cellpadding="0" cellspacing="0" width="100%">
                                        <h:outputText value="#{custApprovalBean.selectedData.email}" />

                                        <h:panelGrid columns="2" cellpadding="0" cellspacing="0" style="float:right;">
                                            <h:outputLabel style="text-align: left;padding: 0 15px 0 0;" value= "#{bundle.fax} :" />
                                            <h:outputText value="#{custApprovalBean.selectedData.fax}" style="float: right;" />
                                        </h:panelGrid>
                                    </h:panelGrid>

                                    <h:outputLabel value= "#{bundle.npwp}"/><h:outputLabel value= ":" />
                                    <h:panelGrid columns="3" cellpadding="0" cellspacing="0" width="100%">
                                        <h:outputText value="#{custApprovalBean.selectedData.npwp}" />
                                     
                                    </h:panelGrid>
                                </h:panelGrid>
                            </p:tab>

                            <p:tab title="#{bundle.addressCompany}" rendered="#{custApprovalBean.selectedData.cuscor != null}">
                                <h:panelGrid columns="3" cellpadding="1" columnClasses="panelGridId">
                                    <p:panel header="#{bundle.addressCompany}" >
                                        <h:panelGrid columns="3" cellpadding="0" cellspacing="5">
                                            <h:outputLabel value= "#{bundle.adress}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectedData.idAddressLine1}" />

                                            <h:outputLabel value= " " /><h:outputLabel value= ":" />
                                            <h:outputText style="width: 230px;" value="#{custApprovalBean.selectedData.idAddressLine2}" />

                                            <h:outputLabel value= " " /><h:outputLabel value= ":" />
                                            <h:outputText style="width: 230px;" value="#{custApprovalBean.selectedData.idAddressLine3}" />

                                            <h:outputLabel value= "#{bundle.country}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(customerBean.availableCountry, custApprovalBean.selectedData.idCountryId)}"/>

                                            <h:outputLabel value= "#{bundle.province}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableProvince, custApprovalBean.selectedData.idProvinceId)}" />

                                            <h:outputLabel value= "#{bundle.district}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableDistrict, custApprovalBean.selectedData.idDistrictId)}" /> 
                                                             
                                            <h:outputLabel value= "#{bundle.subdistrict}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectedData.idSubdistrict}" />            

                                            <h:outputLabel value= "#{bundle.village}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectedData.idVillage}" />

                                            <h:outputLabel value= "#{bundle.postcode}" /><h:outputLabel value= ":" />
                                            <h:panelGrid columns="2" cellpadding="0" cellspacing="0">
                                                <h:outputText value="#{custApprovalBean.selectedData.idPostcode}" style="margin-right: 15px; width: 50px;" />
                                                <h:panelGrid columns="4">
                                                    <h:outputLabel style="padding:0 5px 0 0;" value= "#{bundle.rt} :" />
                                                    <h:outputText value="#{custApprovalBean.selectedData.idRt}" style="margin-right: 15px; width: 25px;" />
                                                    <h:outputLabel style="padding:0 5px 0 0;" value= "#{bundle.rw} :" />
                                                    <h:outputText value="#{custApprovalBean.selectedData.idRw}" style="margin-right: 15px; width: 25px;" />
                                                </h:panelGrid>
                                            </h:panelGrid>
                                        </h:panelGrid>
                                    </p:panel>
                                </h:panelGrid>
                            </p:tab>

                            <p:tab title="#{bundle.company}" rendered="#{custApprovalBean.selectedData.cuscor != null}">
                                <h:panelGrid columns="3" cellpadding="0" cellspacing="5">
                                    <h:outputLabel value= "#{bundle.busentTpye}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableBusentype, custApprovalBean.selectedData.cuscor.busentypeId)}" />
                                    
                                    <h:outputLabel value= "#{bundle.busentypeRemark}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectedData.cuscor.busentypeRemark}" />

                                    <h:outputLabel value= "#{bundle.establishLocation}" /><h:outputLabel value= ":" />
                                    <h:outputText   value="#{custApprovalBean.selectedData.cuscor.establishedLocation}" style="width: 200px" />

                                    <h:outputLabel value= "#{bundle.establishDate}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectedData.cuscor.establishedDate}" /> 

                                    <h:outputLabel value= "#{bundle.corebus}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableCorebus, custApprovalBean.selectedData.cuscor.corebussinesId)}" />
                                    <h:outputLabel value= "#{bundle.headCompany}" /><h:outputLabel value= ":" />
                                    <h:outputText  value="#{custApprovalBean.selectedData.cuscor.headCompanyName}" style="width: 200px" />

                                    <h:outputLabel value= "#{bundle.authorizedCapital}" /><h:outputLabel value= ":" />
                                    <pe:inputNumber decimalPlaces="2" decimalSeparator="." thousandSeparator="," maxValue="99999999999999999999.99" minValue="0"
                                                    styleClass="money"  value="#{custApprovalBean.selectedData.cuscor.authorizedCapital}" disabled="true" style="width: 200px">
                                    </pe:inputNumber>

                                    <h:outputLabel value= "#{bundle.numOfEmployees}" /><h:outputLabel value= ":" />
                                    <pe:inputNumber decimalPlaces="0" decimalSeparator="." thousandSeparator="," maxValue="999999" minValue="0"
                                                    styleClass="integer"  value="#{custApprovalBean.selectedData.cuscor.numOfEmployees}" style="width: 200px" disabled="true">
                                    </pe:inputNumber>
                                </h:panelGrid>
                            </p:tab>
                            
                            <p:tab title="#{bundle.corbodTitle}" rendered="#{custApprovalBean.selectedData.cuscor != null}">
                                <p:dataTable id="dtcorbods" var="corbod" value="#{custApprovalBean.selectedData.corbods}" rowIndexVar="noUrut3" 
                                                     rendered="#{custApprovalBean.selectedData != null}" scrollable="true" scrollWidth="700" resizableColumns="true" >
                                            <p:column style="width: 11px;">
                                                <f:facet name="header">No</f:facet>
                                                    <h:outputText value="#{noUrut3+1}" styleClass="numPos" >
                                                        <f:convertNumber groupingUsed="true"/>
                                                    </h:outputText>
                                            </p:column>

                                            <p:column style="width: 100px;">
                                                <f:facet name="header">#{bundle.directorName}</f:facet>
                                                <h:outputText value="#{corbod.directorName}" />
                                            </p:column>
        
                                            <p:column style="width: 70px;">
                                                <f:facet name="header">#{bundle.jobTitle}</f:facet>
                                                <h:outputText value="#{corbod.jobTitle}" />
                                            </p:column>
                                            <p:column style="width: 75px;">
                                                <f:facet name="header">#{bundle.birthPlace}</f:facet>
                                                <h:outputText value="#{corbod.birthPlace}" />
                                            </p:column>
                                            <p:column style="width: 75px;">
                                                <f:facet name="header">#{bundle.birthDate}</f:facet>
                                                <h:outputText value="#{corbod.birthDate}" />
                                            </p:column>
                                            <p:column style="width: 150px;">
                                                <f:facet name="header">#{bundle.addressRes}</f:facet>
                                                <h:outputText value="#{corbod.addressLine1}" />
                                            </p:column>
        
                                            <p:column style="width: 75px;">
                                                <f:facet name="header">#{bundle.idcardno}</f:facet>
                                                <h:outputText value="#{corbod.idcardNo}" />
                                            </p:column>
        
                                            <p:column style="width: 75px;">
                                                <f:facet name="header">#{bundle.nationality}</f:facet>
                                                <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableNationality, corbod.nationalityId)}" />
                                            </p:column>
                                            <p:column style="width: 50px;">
                                                <f:facet name="header">#{bundle.pic}</f:facet>
                                                <h:outputText value="#{corbod.pic}" />
                                            </p:column>
                                        </p:dataTable>
                            </p:tab>
                            
                            <p:tab title="#{bundle.corbuslic}" rendered="#{custApprovalBean.selectedData.cuscor != null}">
                                
                                        <p:dataTable id="dtcorbuslic" var="buslic" value="#{custApprovalBean.selectedData.corbuslics}" rowIndexVar="noUrut4" 
                                                     rendered="#{custApprovalBean.selectedData != null}">
                                            <p:column style="width: 11px;">
                                                <f:facet name="header">No</f:facet>
                                                    <h:outputText value="#{noUrut4+1}" styleClass="numPos" >
                                                        <f:convertNumber groupingUsed="true"/>
                                                    </h:outputText>
                                            </p:column>

                                            <p:column style="width: auto;">
                                                <f:facet name="header">#{bundle.buslic}</f:facet>
                                                <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableBuslic, buslic.buslicId)}" />
                                            </p:column>
        
                                            <p:column style="width: auto;">
                                                <f:facet name="header">#{bundle.buslicNo}</f:facet>
                                                <h:outputText value="#{buslic.buslicNo}" />
                                            </p:column>
        
                                            <p:column style="width: auto;">
                                                <f:facet name="header">#{bundle.expiryDate}</f:facet>
                                                <h:outputText value="#{buslic.expiryDate}" />
                                            </p:column>
                                        </p:dataTable>
                            </p:tab>
                            
                            <p:tab title="#{bundle.adress}" rendered="#{custApprovalBean.selectedData.cusper != null}">
                                <h:panelGrid columns="3" cellpadding="1" columnClasses="panelGridId">
                                    <p:panel header="#{bundle.addressId}" >
                                        <h:panelGrid columns="3" cellpadding="0" cellspacing="5">
                                            <h:outputLabel value= "#{bundle.adress}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectedData.idAddressLine1}" />

                                            <h:outputLabel value= " " /><h:outputLabel value= ":" />
                                            <h:outputText style="width: 230px;" value="#{custApprovalBean.selectedData.idAddressLine2}" />

                                            <h:outputLabel value= " " /><h:outputLabel value= ":" />
                                            <h:outputText style="width: 230px;" value="#{custApprovalBean.selectedData.idAddressLine3}" />

                                            <h:outputLabel value= "#{bundle.country}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(customerBean.availableCountry, custApprovalBean.selectedData.idCountryId)}" />
                                            
                                            <h:outputLabel value= "#{bundle.province}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableProvince, custApprovalBean.selectedData.idProvinceId)}" />
                                            
                                            <h:outputLabel value= "#{bundle.district}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableDistrict, custApprovalBean.selectedData.idDistrictId)}" />
                            
                                            <h:outputLabel value= "#{bundle.subdistrict}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectedData.idSubdistrict}" style="width: 230px;" />            

                                            <h:outputLabel value= "#{bundle.village}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectedData.idVillage}" />

                                            <h:outputLabel value= "#{bundle.postcode}" /><h:outputLabel value= ":" />
                                            <h:panelGrid columns="2" cellpadding="0" cellspacing="0">
                                                <h:outputText value="#{custApprovalBean.selectedData.idPostcode}" style="margin-right: 15px; width: 50px;" />
                                                <h:panelGrid columns="4">
                                                    <h:outputLabel style="padding:0 5px 0 0;" value= "#{bundle.rt} :" />
                                                    <h:outputText value="#{custApprovalBean.selectedData.idRt}" style="margin-right: 15px; width: 25px;" />
                                                    <h:outputLabel style="padding:0 5px 0 0;" value= "#{bundle.rw} :" />
                                                    <h:outputText value="#{custApprovalBean.selectedData.idRw}" style="margin-right: 15px; width: 25px;" />
                                                </h:panelGrid>
                                            </h:panelGrid>
                                        </h:panelGrid>
                                    </p:panel>

                                    <p:panel header="#{bundle.addressRes}">
                                        <h:panelGrid columns="3" cellpadding="0" cellspacing="5">
                                            <h:outputLabel value= "#{bundle.restatus}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(customerBean.availableRestatus, custApprovalBean.selectedData.restatusId)}" />
                                            
                                            <h:outputLabel value= "#{bundle.adress}" /><h:outputLabel value= ":" />
                                            <h:outputText style="width: 230px;" value="#{custApprovalBean.selectedData.resAddressLine1}" />

                                            <h:outputLabel value= " " /><h:outputLabel value= ":" />
                                            <h:outputText style="width: 230px;" value="#{custApprovalBean.selectedData.resAddressLine2}" />

                                            <h:outputLabel value= " " /><h:outputLabel value= ":" />
                                            <h:outputText style="width: 230px;" value="#{custApprovalBean.selectedData.resAddressLine3}" />

                                            <h:outputLabel value= "#{bundle.country}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(customerBean.availableCountry, custApprovalBean.selectedData.resCountryId)}" />
                                            
                                            <h:outputLabel value= "#{bundle.province}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableProvince, custApprovalBean.selectedData.resProvinceId)}" />
                                                
                                            <h:outputLabel value= "#{bundle.district}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableDistrict, custApprovalBean.selectedData.resDistrictId)}"/>
                                            
                                            <h:outputLabel value= "#{bundle.subdistrict}" /><h:outputLabel value= ":" />
                                            <h:outputText value="#{custApprovalBean.selectedData.resSubdistrict}" />

                                            <h:outputLabel value= "#{bundle.village}" /><h:outputLabel value= ":" />
                                            <h:outputText style="width: 230px" value="#{custApprovalBean.selectedData.resVillage}" />                                             

                                            <h:outputLabel value= "#{bundle.postcode}" /><h:outputLabel value= ":" />
                                            <h:panelGrid columns="2" cellpadding="0" cellspacing="0">
                                                <h:outputText value="#{custApprovalBean.selectedData.resPostcode}" style="margin-right: 15px; width: 50px;" />
                                                <h:panelGrid columns="4">
                                                    <h:outputLabel style="padding:0 5px 0 0;" value= "#{bundle.rt} :" />
                                                    <h:outputText value="#{custApprovalBean.selectedData.resRt}" style="margin-right: 15px; width: 25px;" />
                                                    <h:outputLabel style="padding:0 5px 0 0;" value= "#{bundle.rw} :" />
                                                    <h:outputText value="#{custApprovalBean.selectedData.resRw}" style="margin-right: 15px; width: 25px;" />
                                                </h:panelGrid>
                                            </h:panelGrid>
                                        </h:panelGrid>    
                                    </p:panel>
                                </h:panelGrid>
                            </p:tab>

                            <p:tab title="#{bundle.personalInfo}" rendered="#{custApprovalBean.selectedData.cusper != null}">
                                <h:panelGrid columns="3" cellpadding="0" cellspacing="5">

                                    <h:outputLabel value= "#{bundle.birthPlace}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectedData.cusper.birthPlace}" style="width: 190px" />

                                    <h:outputLabel value= "#{bundle.birthDate}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectedData.cusper.birthDate}"/> 

                                    <h:outputLabel value= "#{bundle.religion}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableReligion, custApprovalBean.selectedData.cusper.religionId)}"/>
                                    
                                    <h:outputLabel value= "#{bundle.education}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableEducation, custApprovalBean.selectedData.cusper.educationId)}" />
                                      
                                    <h:outputLabel value= "#{bundle.nationality}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableNationality, custApprovalBean.selectedData.cusper.nationalityId)}" />
                                    
                                    <h:outputLabel value= "#{bundle.nationalityRemark}" /><h:outputLabel value= ":" />
                                    <h:outputText  value="#{custApprovalBean.selectedData.cusper.nationalityRemark}" style="width: 190px" />

                                    <h:outputLabel value= "#{bundle.sex}" /><h:outputLabel value= ":" />
                                    <p:selectOneMenu value="#{custApprovalBean.selectedData.cusper.sex}" style="width: 200px" disabled="true">
                                        <f:selectItem itemLabel="#{bundle.sexFemale}" itemValue="F"/>
                                        <f:selectItem itemLabel="#{bundle.sexMale}" itemValue="M"/>
                                    </p:selectOneMenu>

                                    <h:outputLabel value="#{bundle.maidenName}" /><h:outputLabel value= ":" />
                                    <h:outputText  value="#{custApprovalBean.selectedData.cusper.maidenName}" style="width: 190px" />

                                    <h:outputLabel value= "#{bundle.marstatus}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableMarstatus, custApprovalBean.selectedData.cusper.marstatusId)}" /> 
                                    
                                    <h:outputLabel value= "#{bundle.spouserel}" /><h:outputLabel value= ":" />
                                   <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableSpouserel, custApprovalBean.selectedData.cusper.spouserelId)}" />
                                   
                                    <h:outputLabel value= "#{bundle.spouseName}" /><h:outputLabel value= ":" />
                                    <h:outputText  value="#{custApprovalBean.selectedData.cusper.spouseName}" style="width: 190px" />

                                </h:panelGrid>
                            </p:tab>

                            <p:tab title="#{bundle.occupation}" rendered="#{custApprovalBean.selectedData.cusper != null}">
                                <h:panelGrid columns="3" cellpadding="0" cellspacing="5">        
                                    <h:outputLabel style="padding:0 15px 0 0;" value= "#{bundle.companyName}" /><h:outputLabel value= ":" />
                                    <h:outputText  value="#{custApprovalBean.selectedData.cusper.companyName}" />

                                    <h:outputLabel value= "#{bundle.adress}" /><h:outputLabel value= ":" />
                                    <h:outputText  value="#{custApprovalBean.selectedData.cusper.addressLine1}" />

                                    <h:outputLabel value= " " /><h:outputLabel value= ":" />
                                    <h:outputText  value="#{custApprovalBean.selectedData.cusper.addressLine2}" />

                                    <h:outputLabel value= " " /><h:outputLabel value= ":" />
                                    <h:outputText  value="#{custApprovalBean.selectedData.cusper.addressLine3}" />

                                    <h:outputLabel value= "#{bundle.officePhone}" /><h:outputLabel value= ":" />
                                    <h:outputText  value="#{custApprovalBean.selectedData.cusper.officePhone}" />

                                    <h:outputLabel value= "#{bundle.corebus}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableCorebus, custApprovalBean.selectedData.cusper.corebusId)}" /> 
                                                    
                                    <h:outputLabel value= "#{bundle.occupation}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableOccu, custApprovalBean.selectedData.cusper.occupationId)}" /> 
                                                    
                                    <h:outputLabel value= "#{bundle.incomeamt}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableIncomeamt, custApprovalBean.selectedData.cusper.incomeamtId)}" />
                                    
                                    <h:outputLabel value= "#{bundle.incomesrc}" /><h:outputLabel value= ":" />
                                    <h:outputText value="#{custApprovalBean.selectItemValueOf(custApprovalBean.availableIncomesrc, custApprovalBean.selectedData.cusper.incomesrcId)}" />
                        
                                    <h:outputLabel value= "#{bundle.incomestatus}" /><h:outputLabel value= ":" />
                                    <p:selectOneMenu value="#{custApprovalBean.selectedData.cusper.relToCompany}" style="width: 200px" disabled="true">
                                        <f:selectItem itemLabel="TDK TERKAIT" itemValue="#{bundle.reltoCompanyTdkTerkait}"/>
                                        <f:selectItem itemLabel="TERKAIT" itemValue="#{bundle.reltoCompanyTerkait}"/>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </p:tab>

                            <p:tab title="#{bundle.specimen}">
                                <p:graphicImage  id="imgSpecimen" value="/upload/corporate/#{custApprovalBean.selectedData.specimen}" rendered="#{custApprovalBean.selectedData!=null}"/>    
                            </p:tab>
                        </p:tabView>
                    </h:panelGrid>
                        
                    <h:panelGrid cellpadding="0" styleClass="pComBtnSTDR">
                        <f:facet name="footer">
                            <p:commandButton value="#{bundle.approved}" image="ui-icon-disk" action="#{custApprovalBean.trySave(true)}"
                                             update=":#{utilityBean.findClientId('dtCustApvls')} displayCustApvls" rendered="#{menuBean.cekButtonAccess(2,'UPD;')}" />
                            
                            <p:commandButton value="#{bundle.rejected}" image="ui-icon-disk" action="#{custApprovalBean.trySave(false)}"
                                             update=":#{utilityBean.findClientId('dtCustApvls')} displayCustApvls" rendered="#{menuBean.cekButtonAccess(2,'UPD;')}"/>
                            
                            <p:commandButton value="#{bundle.btnClose}" oncomplete="dlgCustapp.hide()" image="ui-icon-document" process="@this">
                                <pe:resetEditableValues for="displayCustApvls"/>
                            </p:commandButton>
                        </f:facet>
                    </h:panelGrid>                    
                    </h:form>
                </p:dialog>
            
        </ui:composition>
    </h:body>
</html>